<template>
  <footer class="m-shop-ft">
    <router-link :to="`/shop/${id}/record`" class="item">
      <yd-icon name="feedback" size=".28rem"></yd-icon>
      商家档案
    </router-link>
    <router-link to="/chat/content" class="item">
      <yd-icon name="phone1" size=".28rem"></yd-icon>
      在线客服
    </router-link >
  </footer>
</template>

<script>
  export default {
    props: {
      id: [String, Number]
    }
  }
</script>

<style lang="scss">
   @import '../../scss/_flex.scss';
  .m-shop-ft {
    @include flex();
    height: 1rem;
    line-height: 1rem;
    border-top: 1px solid #ddd;
    overflow: hidden;
    background: #fff;
    text-align: center;
    color: #666;
    .item {
      width: 50%;
      &:first-of-type {
        border-right: 1px solid #ddd;
      }
    }
  }
</style>